<template>
  <div id="app">
    <cool-clock :width="width" :height="height"></cool-clock>
  </div>
</template>

<script>
import CoolClock from './packages/clock/CoolClock'

export default {
  name: 'HelloWorld',
  props: {
    msg: String
  },
  data() {
    return {
      arr: [1, 2, 3, 4, 5, 6, 7, 8],
      index: null,
      width: 550,
      height: 98
    }
  },
  methods: {
    init() {
      this.index = this.arr.findIndex(v => v == 4)
    }
  },
  mounted() {
    this.init()
  },
  components: {CoolClock}
}
</script>

<style lang="scss">
</style>
